<template>
  <div style="justify-content: space-between;align-items: center;padding: 10px 0 0 0; display: flex">
    <span style="margin:0 5px">共 {{ count }} 条，每页 {{ size }} 条</span>

    <el-pagination
        background
        :total="count"
        :page-size="size"
        @current-change="onPaginationChange"
        layout="prev, pager, next"
    >
    </el-pagination>
  </div>
</template>

<script>
export default {
  name: "Pagination",
  props: ['count', 'size'],
  methods: {
    onPaginationChange(number) {
      this.$emit('onPaginationChange',number)
    }
  }
}
</script>

<style scoped>

</style>
